<template>
    <el-container class="wrapper">
        <el-header> <Header /></el-header>
        <el-container>
            <el-aside width="256px">
                <Menu :routes="routes" />
            </el-aside>
            <el-main>
                <Main />
            </el-main>
        </el-container>
    </el-container>
</template>

<script>
import Header from './Header/index.vue';
import Menu from './Menu/base-menu.vue';
import Main from './Main/index.vue';
import { routeConfigs } from '@/router/index';
export default {
    name: 'BaseLayout',
    data() {
        return {
            routes: routeConfigs
        };
    },
    components: {
        Header,
        Menu,
        Main,
    },
    created() {}
};
</script>

<style lang="scss" scoped>
.el-container {
    overflow: hidden;
    .el-aside {
         background: #fff;
         border-right: 1px solid #e6e6e6;
    }
    .el-main {
        padding: 10px;
       
    }
    .el-menu {
         border: 0;
        // height: 100%;
        // background: #f5f6fa;
    }
    .el-header {
        background: rgba(16, 141, 233, 1);
    }
}
.home-log {
    width: 25%;
    position: fixed;
    bottom: 6px;
    right: 6px;
    z-index: 99;
}
</style>
